import Vue from "vue";
//创建Vuex仓库
import Vuex from "vuex";

//使用Vuex插件
Vue.use(Vuex);

//Vuex提供了Store方法,专门用来创建一个vuex的仓库,接受一个配置对象作为参数
//配置对象中可以添加 state(数据) mutations(修改数据的方法) actions(异步操作的方法) getters(vuex的计算属性) modules(模块化)
export default new Vuex.Store({
  //Vuex数据
  state: {
    count: 2,
    price: 100,
  },

  //Vuex的计算属性,每一个计算属性都是一个函数,函数接受当前vuex的state作为参数
  getters: {
    //vuex的getters使用场景1,数据是state的数据计算出来的
    totalPrice(state) {
      console.log(state);
      return state.count * state.price;
    },
    //vuex的getters使用场景2: vue中的state数据非常复杂,而我们只需要其中的某个部分
  },
});
